$(function () {
    //1-页面加载后，在页面渲染第一屏用户数据

    var currentPage = 1;
    var pageSize = 2;
    render();
    //渲染数据的封装为方法
    function render() {
        $.ajax({
            url: '/category/queryTopCategoryPaging',
            type: 'get',
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            dataType: 'json',
            success: function (info) {
                //    console.log(info);   
                //template 接受是数据必须是对象， 在模版中使用时对象的属性名
                $('tbody').html(template('tmp', info));
                // --分页: 根据后台数据的总数   推算出每页的页数
                $("#paginator").bootstrapPaginator({
                    bootstrapMajorVersion: 3, //指定bootstrap的版本，如果是3，必须指定
                    currentPage: info.page, //指定当前页
                    totalPages: Math.ceil(info.total / info.size), //指定总页数
                    // size:large,可以控制大小
                    //当分页标签被点击的事件
                    // 有写参数不想用 可以用_代替
                    onPageClicked: function (_, _, _, page) {
                        //page 当前页码
                        //记录当前页页码
                        currentPage = page;
                        //调用渲染页面ajax的函数
                        render();
                    }
                });
            }
        })
    }
    //验证一级分类名称不可为空


    $('#form').bootstrapValidator({
        //小图标
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        //校验规则
        fields: {
            categoryName: {
                validators: {
                    //非空
                    notEmpty: {
                        message: "请输入一级分类"
                    }
                }

            }
        }
    });
    //点击确定按钮 发送ajax请求 存储数据 重新渲染页面
    $('#form').on('success.form.bv', function (e) {
        //阻止默认行为
        e.preventDefault();
        $.ajax({
            url: '/category/addTopCategory',
            type: 'post',
            data: $('#form').serialize(),
            dataType: 'json',
            success: function (info) {
                //在成功的回调函数中
                if (info.success) {
                    //添加成功隐藏莫态框
                    $('#aaModal').modal('hide');
                    // 渲染第一页
                    currentPage = 1;
                    render();
                    // 重置模态框
                    // 只能重置验证的样式，不能重置内容
                    // $('#form').data('bootstrapValidator').resetForm();
                    // 能重置验证的样式，还能能重置内容
                    $('#form').data('bootstrapValidator').resetForm(true);
                }
            }
        })
    })
})